<!--
	作者：2575202388@qq.com
	时间：2018-10-14
	描述：首页组件
-->

<template>
	<div style="background: #e9e9e9;height: auto;overflow: hidden;">
		<div style="padding-left: 15px; width: 100%; float: left;height:30px;overflow:hidden;line-height:30px;">播州区直属机关幼儿园新生登记系统
			<span style="padding-left:10px;padding-right: 10px;">></span>
			<span style="color:#187fff;">首页</span>
		</div>

		<div class="homeDiv" style="width: 48%;">
			<static1 :sexlist="sexlist"></static1>
		</div>

	    <div class="homeDiv" style="width: 48%;">
			<static2 :aged="aged" :camlist="camlist"></static2>
		</div>

	   <div class="homeDiv" style="width: 48%;">
			<static3 :camlist="camlist"></static3>
		</div>

	    <div class="homeDiv" style="width: 48%;">
			<static4 :townlist="townlist"></static4>
		</div>

  		<div class="homeDiv" style="width: 100%;">
			<static5 :bmzqlist="bmzqlist"></static5>
		</div>


	</div>
</template>

<script>
	import static1 from "./static1";
	import static2 from "./static2";
	import static3 from "./static3";
	import static4 from "./static4";
	import static5 from "./static5";
	export default {
		name:"home",
		data() {
			return {
				sexlist:[],
				aged:[],
				camlist:[],
				townlist:[],
				bmzqlist:[],
				loading:false,
				loadmsg:'加载中......',
				
			}
		},
		components: {
			static1,
			static2,
			static3,
			static4,
			static5
		},
		computed: {
			user: function() {
				return this.$store.state.app.user;
			}
		},
		
		methods: {
			getHomeData(){
				this.$http.get("/host/bmxt/home/getHomeData.html")
				.then(datas => {
					this.sexlist=datas.sexlist;
					this.aged=datas.aged;
					this.camlist=datas.camlist;
					this.townlist=datas.townlist;	
					this.bmzqlist=datas.bmzqlist;	
				});
			}
		},
		mounted(){	
			this.getHomeData();
		}
	}
</script>


<style scoped="scoped">
	.homeDiv{
		float: left; 
		background:#eee;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:1%;
		margin-right:1%;
		height:430px;	
	}
</style>



